<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();//获取项目名称
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>超市订单管理系统</title>
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/css/login/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/css/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/css/login/fonts/iconic/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/css/login/css/util.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/css/login/css/main.css">
    <style>
        /*html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
    </style>
</head>

<body>

<div class="limiter">
    <div class="container-login100" style="background-image: url('<%=path%>/static/images/demo-1-bg.jpg');">
        <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
            <form class="login100-form validate-form" id="loginformbtn">
                <span class="login100-form-title p-b-49" style="font-size: 20px;color: red">姓名：郑泽川  学号：2204050128 班级：22软件技术1班</span>
                <span class="login100-form-title p-b-49" style="font-size: 30px;">超市订单管理系统</span>

                <div class="wrap-input100 validate-input m-b-23" data-validate="请输入账号">
                    <span class="label-input100">用户名</span>
                    <input class="input100" type="text" name="userCode" placeholder="请输入账号" autocomplete="off">
                    <span class="focus-input100" data-symbol="&#xf206;"></span>
                </div>

                <div class="wrap-input100 validate-input m-b-23" data-validate="请输入密码">
                    <span class="label-input100">密码</span>
                    <input class="input100" type="password" name="userPassword" placeholder="请输入密码">
                    <span class="focus-input100" data-symbol="&#xf190;"></span>
                </div>

                <div class="text-right p-t-8 p-b-31">
                    <%--<a href="/view/register.jsp" id="reloadPwd">立即注册</a>--%>
                </div>

                <div class="container-login100-form-btn">
                    <div class="wrap-login100-form-btn">
                        <div class="login100-form-bgbtn"></div>
                        <button class="login100-form-btn" id="btnform" onclick="keyLogin()">登 录</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="<%=path%>/static/css/login/vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="<%=path%>/static/css/login/js/main.js"></script>
<script type="text/javascript" src="<%=path%>/static/lib/layui/layui.js"></script>
<script type="text/javascript" src="<%=path%>/static/js/xadmin.js"></script>
<script type="text/javascript">

    window.onload = function () {
        if (window.parent.window != window) {
            window.top.location = "/";
        }
    }

    function validate (input) {
        if($(input).val().trim() == ''){
            return false;
        }
        return true;
    }

    $("#btnform").on("click",function(){
        var input = $('.validate-input .input100');
        if(validate(input)){
            var index;
            $.ajax({
                url : "<%=path%>/api/user/login.do",
                data:$('#loginformbtn').serialize(),
                type : "POST",
                dataType : "json",
                beforeSend:function(XMLHttpRequest){
                    index= layer.msg('登录中，请稍候',{icon: 16,time:false,shade:0.8});
                },success : function(data){
                    if(data.success){
                        window.location = "<%=path%>/view/admin/index.jsp";
                    }else{
                        layer.alert(data.msg,{icon:5});
                    }
                },complete:function(XMLHttpRequest,textStatus){
                    layer.close(index);
                },error:function(data){
                    layer.alert('网络异常或者数据错误', {icon: 2});
                }
            })
            return false;
        }

    })

    function keyLogin(){
        if (event.keyCode==13)  //回车键的键值为13
            document.getElementById("loginbtn").click(); //调用登录按钮的登录事件
    }

</script>
</body>
</html>
